<html>

<head>
    <meta charset="UTF-8">
    <title>css+html基本页面实现</title>
    <link rel="stylesheet" href="css.css" type="text/css">
</head>

<body>
    <div class="headtitle">
        <h2>欢迎来到春物小屋</h2>
        <div class="headlead">
            <ul class="right">
                <li title="自爆界的翘楚">
                    <a href="https://zh.moegirl.org/比企谷八幡" target="_blank">比企谷八幡</a>
                </li>
                <li title="红茶部部长">
                    <a href="https://zh.moegirl.org/雪之下雪乃" target="_blank">雪之下雪乃</a>
                </li>
                <li title="团子"><a href="https://zh.moegirl.org/由比滨结衣">由比滨结衣</a>
                </li>
            </ul>

            <div class="headimage"> <img src=".\image\123.jpg"> </div>
        </div>
    </div>
    <div class="bodytitle">
        <h2> 我的青春恋爱物语果然有问题</h2>
        <p>电视动画《我的青春恋爱物语果然有问题。》改编自轻小说家渡航原作的同名轻小说，动画一直制作到原作小说第6卷（文化祭Episode）为止 。作品在2012年7月9日宣布TV动画化决定,
            并于2013年4月4日首播，在本篇第12集播放后的第二周又播放了原创剧情的番外篇。此外，在2013年9月19日发售的游戏《我的青春恋爱物语在游戏里果然也有问题。》限定版，还同捆附带了原创剧情的OVA动画。番外篇和OVA皆由原作者渡航负责脚本
            。
            作品主要讲述了放弃交朋友的比企谷八幡被老师带到全校第一美少女雪之下雪乃面前，加入了社团“侍奉部”之后发生的各种各样的故事。</p>
        <div class="magin">
            <div class="img1">
                <a href="https://www.bilibili.com/bangumi/media/md1539/?spm_id_from=666.10.bangumi_detail.1"> <img src=".\image\a.jpg">
                    <p>动漫</p>
                </a></div>
            <div class="img2">
                <a href="https://tieba.baidu.com/f?kw=%CE%D2%B5%C4%C7%E0%B4%BA%C1%B5%B0%AE%CE%EF%D3%EF%B9%FB%C8%BB%D3%D0%CE%CA%CC%E2&fr=ala0&tpl=5">
                    <img src=".\image\tieba.jpg">
                    <p>贴吧</p>
                </a>
            </div>
            <div class="img2">
                <a href="http://www.shencou.com/read/0/186/index.html"><img src=".\image\xs.jpg">
                    <p>小说</p>
                </a>
            </div>
            <div class="img3">
                <a href="http://acg.gamersky.com/z/wdqclawygrywt/doujin/"><img src=".\image\tr.jpg">
                    <p>同人</p>
                </a>
            </div>

        </div>
        <div class="foot">
            YdPro
        </div>
    </div>
</body>

</html>